
@font-face {
	font-family: Trebuchet;
	src: url("../fonts/Trebuchet MS.ttf");
}
@font-face {
	font-family: Trebuchet Bold;
	src: url("../fonts/Trebuchet MS bold.ttf");
}

*{
	font-family: Trebuchet;
}

header{
	height: 120px;
	width: 790px;
}
#logo{
	
	margin: auto;
	display: block;
	float: left;
	
	margin-right: 20px;
}
header h1{
	
	line-height: 100px;
	margin-left: 30px;
	font-size: 23px;
}

/*content*/
#page_content{
	margin-top: 10px;
	width: 790px;
	padding: 20px;
	border: 1px solid silver;
	
}
#page_content .text{
	height: 25px;
	line-height: 25px;
	display: inline-block;
	
}
#dados .title-left,#dados .title-right,#dados .text{
	font-size: 14px;
}

/*table*/
table,th,td{
	border: 1px solid #333;
	border: 1px solid silver;
	
}
thead { display: table-header-group; } 
tfoot { display: table-footer-group; } 
table thead tr th{
	font-family: Trebuchet Bold;
	background-color: #fefdfe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefdfe), to(#e0e0e1));
	background-image: -webkit-linear-gradient(top, #fefdfe, #e0e0e1);
	background-image: -moz-linear-gradient(top, #fefdfe, #e0e0e1);
	background-image: -o-linear-gradient(top, #fefdfe, #e0e0e1);
	background-image: -ms-linear-gradient(top, #fefdfe, #e0e0e1);
	background-image: linear-gradient(top, #fefdfe, #e0e0e1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fefdfe', EndColorStr='#e0e0e1');
	
}
table td{
	text-align: center;
	padding: 4px;
	
}
table #nome_produto{
	text-align: left;
}

table{
	border-collapse: collapse;
	margin-top: 20px;
	width: 790px;
	font-size: 14px;
}

#dados .box{
	
	border: 1px solid silver;
	padding: 0 10px 0 10px;
	margin-bottom: 20px;
}
#dados div{
	float: left;
	
	font-size: 16px;
}
#dados .titulo{
	font-family:Trebuchet Bold ;
}
#dados .titulo,#dados .valor{
	display: block;
}
#dados #cod, #dados #periodo{
	margin-right: 20px;
}
#dados #nome{
	width: 675px;
}
#dados #nome .valor{
	text-align: left;
}
#dados .data{
	font-family:Trebuchet Bold;
	font-size: 16px;
}
#dados .valor{
	text-align: center;
}
#dados #emissao{
	width: 100px;
}
#dados #emissao .titulo{
	text-align: center;
}
#total{
	
	margin-top: 20px;
}
#total .titulo{
	text-align: center;
	
	margin: auto;
	display: block;
}
#total .caixa{
	
	display: block;
	height: 40px;
}
#total .valor{
	border: 1px solid silver;
	line-height: 40px;
	margin: auto;
	display: block;
	width:auto;
	text-align: center;
	
}
#total #receita,#total #comissao{
	
	display: inline-block;
	width: 120px;
}
.bold{
	font-family: Trebuchet Bold;
}
/*Footer*/
footer{
	width: 790px;
	
}
footer p{
	font-size: 13px;
	text-align: center;
	border: 1px solid transparent;
}
.clear{
	clear: both;
}